<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>外部样式</title>
    <!--css 使用方式注意：1.行内样式 2.页内样式 3.外部样式
    没有绝对的优先级
    正常情况下 哪一种方式 离所设置的元素最近 谁的样式优先
    一般情况下
    -->
    <style>
        div{
            background-color: green;
        }
    </style>
    <link rel="stylesheet" href="demo03.css">
</head>
<body>
    <div style="background-color:rebeccapurple;margin: 0 auto;">这是一个容器</div>
</body>
</html>